<template>
  <view class="box">
    <view class="tou top" :style="'padding-top:' + statusBarHeight1 + 'px'">
      <!-- <image class="image1" @click="fanhui" src="https://pic.bangbangtongcheng.com/static/fanhui_bai.png" />门店房源
      <p @click="bianji">{{ text }}</p> -->
	  <image @click="fanhui" class="image1" src="https://pic.bangbangtongcheng.com/static/fanhui_bai.png" />
	  <!-- #ifndef MP-WEIXIN -->
	  门店房源
	  <!-- #endif -->
	  <!-- #ifdef MP-WEIXIN -->
	  <text @click="fanhui">门店房源</text>
	  <!-- #endif -->
	  <!-- <p class="p2" @click="bianji">{{ text }}</p> -->
    </view>
    <!-- <scroll-view scroll-x style="padding-top: 6rpx" class="bg-white nav" scroll-with-animation
      :scroll-left="scrollLeft">
      <view class="cu-item view" :class="index == TabCur ? 'text-green cur' : ''" v-for="(item, index) in list"
        :key="index" @tap="tabSelect" :data-id="index">
        {{ item.name }}
        <image src="https://pic.bangbangtongcheng.com/static/xuanzhong.png" mode="widthFix" v-if="TabCur == index" />
      </view>
    </scroll-view> -->
    <view class="tabs">
      <view @click="tabChange(1)" class="tabs_item" :class="tabIndex == 1?'active':''">商家</view>
      <view @click="tabChange(2)" class="tabs_item" :class="tabIndex == 2?'active':''">房源</view>
    </view>
    <view class="sousuo_box" v-if="tabIndex == 2">
      <view class="sousuo">
        <input type="text" v-model="search" placeholder="请输入搜索内容" />
        <image src="https://pic.bangbangtongcheng.com/static/sousuo2.png" @click="searchList" />
        <!-- <view class="quxiao" v-if="!search" @click="back">取消</view> -->
        <!-- <view class="quxiao" @click="searchList">搜索</view> -->
      </view>
      <view class="sousuo_right">
        <view class="btn" @click.stop="showModal" data-target="DrawerModalR">
          筛选
        </view>
        <view class="btn btn2" @click="bianji">
          {{width == 290 ? '确认申领':'批量申领'}}
        </view>
      </view>
    </view>
    <!-- #ifdef H5 || APP-PLUS -->
    <scroll-view scroll-y :style="
        'height:calc( 100vh - ' +
        statusBarHeight +
        `px - 70rpx - 88rpx -  ${tabIndex == 2 ? '94rpx' :'0rpx'}  )`
      " @scrolltolower="down" @scroll="scrolls" :scroll-into-view="scrollT" refresher-background="#f5f5f5">
      <!-- #endif -->
      <!-- #ifdef MP -->
      <scroll-view scroll-y :style="
        'height:calc( 100vh - ' +
        statusBarHeight +
        `px - 70rpx - 88rpx - 54rpx - ${tabIndex == 2 ? '94rpx' :'0rpx'} )`
      " @scrolltolower="down" @scroll="scrolls" :scroll-into-view="scrollT" refresher-background="#f5f5f5">
        <!-- #endif -->
		    <view id="scrollT"> </view>
        <view class="list list1" :style="width == 290?'padding-bottom:130rpx':''" v-if="tabIndex == 2">
          <view class="li" v-for="(item, index) in Recommend" :key="index">
            <radio v-if="width == 290" :disabled="item.isCopy == 1 || item.user_id == userInfo.id" style="margin-right: 20rpx;" :data-index='index' :checked='item.active'
            @click.stop="changeRadio(index,item)"></radio>
            
            <view class="img_box">
              <image mode="aspectFit" class="img1" :src="item.display_diagram?item.display_diagram:imgUrl + item.house_image" @click="details(item.id)" />

              <view class="state1" v-if="item.isCopy == '1'">
                已申领
              </view>
            </view>
            <image class="img2" v-if="item.STATUS == 1 && item.transaction_type == 2"
              :style="width == 290 ? 'left:72rpx' : 'left:0rpx'"
              src="https://pic.bangbangtongcheng.com/static/shou.png" />
            <image class="img3" v-if="item.STATUS == 1 && item.transaction_type == 1"
              :style="width == 290 ? 'left:72rpx' : 'left:0rpx'"
              src="https://pic.bangbangtongcheng.com/static/zu.png" />
            <view class="li_1" :style="'width: ' + width + 'rpx'" @click="details(item.id)">
              <view class="tit">
              <span class="tagLabel">{{
                item.transaction_type == 1
                  ? "出租房"
                  : item.new_old == 1
                  ? "新房"
                  : "二手房"
              }}</span>{{ item.title }}</view>
              <view>
                <view class="neirong_1">
                  <view class="neir_css">{{ item.region }}</view>
                  <view class="neir_css">{{ item.cell_name || ''}}</view>
                </view>
                <view class="neirong_1">
                  <view class="neir_css">
                    {{ item.FLOOR?item.FLOOR.split('|')[0]+"层/共"+item.FLOOR.split('|')[1]+"层" :''}}
                  </view>
                  <view class="neir_css">{{item.house_type || ''}}</view>
                </view>
                <view class="neirong_1">
                  <view class="neir_css" style>{{ item.AREA || item.area }}㎡</view>
                  <view class="price neir_css" v-if="item.transaction_type == 2">{{ item.price }}万</view>
                  <view class="price neir_css" v-if="item.transaction_type == 1 && item.price <= 10000">{{ item.price }}元</view>
                  <view class="price neir_css" v-if="item.transaction_type == 1 && item.price > 10000">{{ item.price/10000 }}万元</view>
                </view>

              </view>
            </view>
          </view>
          <view v-if="Recommend.length == 0" class="none">
            <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
            <view>没有更多数据了</view>
          </view>
          <view class="down" v-show="Recommend.length != 0 && !downStatus">
            没有更多了
          </view>
        </view>
        <view class="list list1" :style="width == 290?'padding-bottom:130rpx':''" v-if="tabIndex == 1">
          <view class="li" v-for="(item, index) in Recommend" :key="index" @click="details1(item.shop.id)">
            <radio v-if="width == 290 && opType == 1 && index != 0" style="margin-right: 20rpx;" :data-index='index' :checked='item.active'
            @click.stop="changeRadio1"></radio>
            <view class="radio" v-if="width == 290 && opType == 1 && index == 0"></view>
            <radio v-if="width == 290 && opType == 2" style="margin-right: 20rpx;" :data-index='index' :checked='item.active'
            @click.stop="changeRadio2"></radio>
            <view class="img_box">
              <image mode="aspectFit" class="img1" :src="item.shop.image" />
              <image mode="aspectFit" v-if="item.isHeadOffice == 1 && isHard && userInfo.isShop == 1" class="mask" src="https://pic.bangbangtongcheng.com/static/shopstate.png" />
              <image mode="aspectFit" v-if="item.isHeadOffice == 1 && !isHard && userInfo.isShop == 1" class="mask" src="https://pic.bangbangtongcheng.com/static/hard_shop.png" />
              <image mode="aspectFit" v-if="item.shop.id == userInfo.shopId && !isHard && userInfo.isShop == 1 && Recommend.length != 1" class="mask" src="https://pic.bangbangtongcheng.com/static/my_shop.png" />
              <view class="state" v-if="item.status == '0' && userInfo.isShop == 1">
                等待对方同意
              </view>
              <view class="state fail" v-if="item.status == '2' && userInfo.isShop == 1">
                已拒绝
              </view>
              <view class="state fail1" v-if="item.status == '3' && userInfo.isShop == 1">
                已退出
              </view>
            </view>
            
            <view class="li_1" :style="'width: ' + width + 'rpx'">
              <view class="tit">{{ item.shop.shopName }}</view>
              <view class="neirong_1">
                <view class="neir_css">地址:{{ item.shop.shopAddress }}</view>
              </view>
              <view class="neirong_6">
                <view class="neirong_left">
                  <view class="nums">{{item.shop.houseNum || 0}}套</view>
                  <view class="unit">在售/在租</view>
                </view>
                <view class="neirong_right" v-if="latitude &&item.shop.distance">
                  {{item.shop.distance}}km
                </view>
              </view>
            </view>
          </view>
          <view v-if="Recommend.length == 0" class="none">
            <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
            <view>没有更多数据了</view>
          </view>
          <view class="down" v-show="Recommend.length != 0 && !downStatus">
            没有更多了
          </view>
        </view>
      </scroll-view>

      <view class="bottom_btn flex_center" @click="windowShow" v-if="tabIndex == 1 && opType == '' && !shopId && isHard && userInfo.isShop == 1">
        管理
      </view>
      <view class="bottom_btn flex_center" @click="exit" v-if="tabIndex == 1 && opType == '' && !shopId && !isHard && !noneHard && userInfo.isShop == 1">
        退出连锁
      </view>
      <view class="bottom_btn flex_center" @click="op(1)" v-if="tabIndex == 1 && opType == '' && noneHard && !chainMsg.shop && userInfo.isShop == 1">
        添加连锁店
      </view>
      <view class="bottom_btn_box" v-if="tabIndex == 1 && opType != ''">
        <view class="btn1" @click="cancel">退出管理</view>
        <view class="btn1 btn2" v-if="opType == 1" @click="del1">移除商家</view>
        <view class="btn1 btn2" v-if="opType == 2" @click="transference">转让管理权</view>
      </view>
      <uniBall></uniBall>
      <!-- <view class="zbc" v-if="zbc"> -->
      <!-- <view class="tan" v-if="shouye">
        <view class="li_1">置顶信息：{{activeData.title}}</view>
        <view class="li_2">
          <view>置顶天数：</view>
          <view class="xuan">
            <picker @change="PickerChange" data-type='1' :range="picker">
              <view class="picker" style="color: #64B6A8" v-if="typeIndex1 != -1">{{
              picker[typeIndex1]
            }}</view>
            <view class="picker" style="color: #64B6A8;font-size:24rpx" v-else>请选择</view>
            </picker>
          </view>
        </view>
        <view class="li_3"
          >平台规则：每天限定置顶20条次，置顶信息按时间排序</view
        >
        <view class="li_4" @click='guan'>取消</view>
        <view class="li_5" @click='zhiding'>确定</view>
      </view> -->
      <!-- <view class="shangjia" v-if="shangjia">
        <view class="li_1">确定要{{activeData.up_status == 0?'上架':'下架'}}当前房源吗？</view>
        <view class="li_2" @click="guan">取消</view>
        <view class="li_3" @click="shangjiaF">确定</view>
      </view> -->
      <!-- </view> -->
		<view class="hui" v-if="scrollTop>20" @click="totop">
			<image src="https://pic.bangbangtongcheng.com/static/top.png" />返回顶部
		</view>
    <view class="cu-modal drawer-modal justify-end" :class="modalName === 'DrawerModalR' ? 'show' : ''" >
      <scroll-view scroll-y="true" class="pop-scroll" >
        <view class="tittit" :style="[
                {
                  top: 'calc(' + CustomBar1 + 'px' + ' + 36px )',
                
                },
              ]">
                <view @click="hideModal()">×</view>筛选
              </view>
        <view class="cu-dialog basis-lg" @tap.stop :style="[
            {
              top: 'calc(' + CustomBar1 + 'px' + ' + 36px )',
              height: 'calc(100vh - ' + CustomBar1 + 'px - 36px)',
            },
          ]">
          <view class="cu-list menu text-left">
          <view style="height: 80rpx;">
            </view>
            <view class="leibie">
              房源类别
              <span style="color: #999999">（请选择类别）</span>
              <view class="list">
                <view @click.stop="type2Click(index)" :class="item.active ? 'li xuan' : 'li'"
                  v-for="(item, index) in type2" :key="index">{{ item.valueName }}</view>
              </view>
            </view>
            <view class="leibie">
              类别
              <span style="color: #999999">（请选择类别）</span>
              <view class="list">
                <view @click.stop="type1Click(index)" :class="item.active ? 'li xuan' : 'li'"
                  v-for="(item, index) in type1" :key="index">{{ item.valueName }}</view>
              </view>
            </view>
            <view class="quyu">
              户型
              <span style="color: #999999">（请选择户型）</span>
              <view class="list">
                <view @click.stop="type3Click(index)" class="li" :class="item.active ? 'li xuan' : 'li'"
                  v-for="(item, index) in type3" :key="index">{{ item.valueName }}</view>
              </view>
            </view>
            <view class="quyu">
              区域
              <span style="color: #999999">（请选择区域）</span>
              <view class="list">
                <view @click.stop="type7Click(index)" class="li" :class="item.active ? 'li xuan' : 'li'"
                  v-for="(item, index) in type7" :key="index">{{ item.valueName }}</view>
              </view>
            </view>
            <view class="jiage">
              价格
              <span style="color: #999999">（请选择价格）</span>
              <view class="list">
                <view @click.stop="type8Click(index)" class="li" :class="item.active ? 'li xuan' : 'li'"
                  v-for="(item, index) in type8" :key="index">{{ item.valueName }}</view>
              </view>
            </view>
            <view class="mianji">
              面积
              <span style="color: #999999">（请选择面积）</span>
              <view class="list">
                <view @click.stop="type9Click(index)" class="li" :class="item.active ? 'li xuan' : 'li'"
                  v-for="(item, index) in type9" :key="index">{{ item.valueName }}</view>
              </view>
            </view>
            <view class="loucen">
              楼层
              <span style="color: #999999">（请选择楼层）</span>
              <view class="list">
                <view @click.stop="type10Click(index)" class="li" :class="item.active ? 'li xuan' : 'li'"
                  v-for="(item, index) in type10" :key="index">{{ item.valueName }}</view>
              </view>
            </view>
          </view>
        </view>
        <view class="di">
          <view class="div l" @click.stop="cz">重置</view>
          <view class="div r" @click.stop="sx">确定</view>
        </view>
      </scroll-view>
    </view>
		<uni-popup ref="binds" class="popup" type="bottom" :isMaskClick='true'>
			<view class="btn_box">
				<view class="button" @click="op(1)">
					添加连锁店
				</view>
				<view class="button" @click="op(2)">
					移除商家
				</view>
				<view class="button" @click="op(3)">
					转让管理权
				</view>
			</view>
		</uni-popup>
    <uni-popup ref="bindsExit" mode="center">
      <view class="window">
				<view class="window_top">
					<view class="window_title">
						确认退出连锁？
					</view>
					<view class="window_text">退出连锁，商家之间的房源将不再共享，确定解除连锁?</view>
				</view>
				<view class="window_btn_box">
					<view class="window_btn" @click="bindsExitClose">取消</view>
					<view class="window_btn window_btn1" @click="del2">确认</view>
				</view>
			</view>
    </uni-popup>
    <uni-popup ref="binds1" mode="center" @maskClick="reload">
      <view class="window1">
				<view class="window_top">
					<view class="window_text">申领成功！</view>
					<view class="window_text">申领房源请到我的发布进行管理</view>
				</view>
				<view class="window_btn_box">
					<view class="window_btn" @click="bindsClose">查看详情</view>
				</view>
			</view>
    </uni-popup>
    <view class="motaikuang motaikuang2" v-show="show2" @click="show2 = false">
      <div class="tips" @click.stop="aaa" v-if="chainMsg.shop">
        
        <view class="window_text">{{chainMsg.shop.shopName}}邀请您加入连锁商家，加入后连锁商家的房源将互相共享，请谨慎选择</view>
        <view class="window_text">TA的留言：</view>
        <view class="text_widnow">{{chainMsg.remarks}}</view>
        <view class="show" @click="showShop">查看已加入商家</view>
        <div class="btns">
          <div class="btn flex_center" @click="shopCancel(1)">
            拒绝
          </div>
          <div class="btn flex_center" @click="shopSuccess(1)">
            同意
          </div>
        </div>
      </div>
    </view>
  </view>
</template>
<script>
  import {
    mapGetters
  } from "vuex";
  let statusBarHeight;
  //#ifdef H5
  import wxshare from "../utils/index.js";
  statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 10;
  //#endif
  // #ifdef APP-PLUS
  statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 10;
  //  #endif
  // #ifdef MP-WEIXIN
  statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 5;
  //  #endif
  export default {
    data() {
      return {
        statusBarHeight,
		    scrollTop: 0,
        width: 366,
        text: "编辑",
        TabCur: 0,
        zbc: false,
        shouye: false,
        shangjia: false,
        list: [
          {
            num: 1,
            name: "全部"
          },
          {
            num: 2,
            name: "新房"
          },
          {
            num: 3,
            name: "二手房"
          },
          {
            num: 4,
            name: "出租房"
          },
        ],
        tabIndex: 1,
        typeIndex1: -1,
        type4: [{
            valueName: "首页",
            id: "1",
          },
          {
            valueName: "房源信息",
            id: "",
          },
        ],
        typeIndex4: -1,
        type6: [{
            valueName: "上架",
            id: "1",
          },
          {
            valueName: "下架",
            id: "0",
          },
        ],
        typeIndex6: -1,
        scrollLeft: 0,
        picker: [],
        pageSize: 10,
        pageNo: 1,
        trigger: false,
        downStatus: true,
        upStatus: true,
        userInfo: uni.getStorageSync("Pduser"),
        imgUrl: this.$imgSrc,
        Recommend: [],
        transactionType: "",
        newOld: "",
        activeData: [],
		    scrollT:null,
        longitude: '',
        latitude: '',
        search: "",
        type1: [],
        type2: [
          {
            active: false,
            valueName: "新房",
            value: "1"
          },
          {
            active: false,
            valueName: "二手房",
            value: "2"
          },
          {
            active: false,
            valueName: "出租房",
            value: "3"
          }
        ],
        type7: [],
        type8: [],
        type3: [],
        type9: [],
        type10: [
          {
            active: false,
            valueName: "低层",
            value: "1"
          },
          {
            active: false,
            valueName: "中层",
            value: "2"
          },
          {
            active: false,
            valueName: "高层",
            value: "3"
          }
        ],
        modalName: '',
        type: "",
        region: "",
        price: "",
        area: "",
        floor: "",
        CustomBar1: "",
        houseType: '',
        opType: '',
        types: '',
        isHard: false,
        shopId: '',
        show2: false,
				chainMsg: {},
        noneHard: false
      };
    },
    computed: {
      ...mapGetters(["statusBarHeight1", "userinfo"]),
    },
    onLoad(options) {
			if (options.type) {
				this.types = options.type;
			}
			if (options.id) {
				this.shopId = options.id;
			}
      for (let i = 1; i < 11; i++) {
        this.picker.push(i + "天");
      }
      this.CustomBar1 = this.CustomBar;
      if (uni.getStorageSync('locationState') == 1) {
        this.getLocation();
      } else {
        this.getFy()
      }
      this.getType()
      /* #ifdef H5 */
      this.jinzhi();
      /* #endif */
    },
    async onPullDownRefresh() {
      this.Recommend = [];
      this.pageNo = 1;
      this.downStatus = true;
      if (this.upStatus) {
        this.trigger = true;
        await this.getFy();
      }
    },
    filters: {
      nums(val) {
        return val.toFixed(2);
      },
    },
    onShow() {
      if (this.Recommend.length) {
        this.reload()
      }
      if (this.userInfo.isShop == 1) this.getShopMsg()
    },
    methods: {
			aaa() {

			},
			shopCancel(type) {
				let that = this
				if (type == 1) {
					this.$myRequest.post("/api/mobile/public/auditChainStores", {
						id: this.chainMsg.id,
						status: "2",
					}).then(res => {
            this.show2 = false
						uni.showToast({
							title: res.msg,
							icon: 'none',
							mask: true
						})
						setTimeout(() => {
							that.reload()
						}, 500);
					});
				} else {
					this.$myRequest.post("/api/mobile/public/auditChainStores", {
						id: this.chainCarMsg.id,
						status: "2",
					}).then(res => {
            this.show2 = false
						uni.showToast({
							title: res.msg,
							icon: 'none',
							mask: true
						})
						setTimeout(() => {
							that.reload()
						}, 500);
					});
				}
			},
			shopSuccess(type) {
				let that = this
				if (type == 1) {
					this.$myRequest.post("/api/mobile/public/auditChainStores", {
						id: this.chainMsg.id,
						status: "1",
					}).then(res => {
            this.show2 = false
						uni.showToast({
							title: res.msg,
							icon: 'none',
							mask: true
						})
					});
						setTimeout(() => {
							that.reload()
						}, 500);
				} else {
					this.$myRequest.post("/api/mobile/public/auditChainStores", {
						id: this.chainCarMsg.id,
						status: "1",
					}).then(res => {
            this.show2 = false
						uni.showToast({
							title: res.msg,
							icon: 'none',
							mask: true
						})
						setTimeout(() => {
							that.reload()
						}, 500);
					});
				}
			},
			showShop() {
				this.show2 = false
				uni.setStorageSync('chainMsg', this.chainMsg)
				uni.navigateTo({ url: '/pages_my/allHousingShow?type=none&id=' + this.chainMsg.shop.id })
			},
			getShopMsg() {
				this.$myRequest.get("/api/mobile/public/questionAddChain", {
					shopId: this.userInfo.shopId,
					bussType: "1",
				}).then(res => {
					console.log(res);
					if (res.chainMsg.length != 0) {
						this.chainMsg = res.chainMsg[0]
						this.show2 = true
					}
				});
			},
      bindsClose() {
        this.$refs.binds1.close()
        uni.redirectTo({ url: '/pages_my/myIssue' })
      },
			bindsExitClose() {
				this.$refs.bindsExit.close()
			},
      exit() {
        this.$refs.bindsExit.open()
      },
      windowShow() {
        this.$refs.binds.open()
      },
      showModal(e) {
        this.modalName = e.currentTarget.dataset.target;
        uni.stopPullDownRefresh()
      },
      hideModal(e) {
        this.modalName = null;
      },
      tabChange(index) {
        if (this.tabIndex == index) return
        this.width = 366
        this.modalName = ''
        this.tabIndex = index
        this.Recommend = []
        this.activeData = []
        this.pageNo = 1
        this.search = ''
        this.downStatus = true;
        this.opType = ''
        this.getFy()
      },
      searchList() {
        this.Recommend = []
        this.pageNo = 1
        this.downStatus = true;
        this.getFy()
      },
      scrolls(e){
        this.scrollTop = e.detail.scrollTop
        this.scrollT = null;
      },
      //回到顶部
      totop() {
        this.$nextTick(()=>{
          this.scrollT = 'scrollT'
        })
      },
      cz() {
        this.search = ''
        this.type1.forEach(el => {
          el.active = false;
        });
        this.type7.forEach(el => {
          el.active = false;
        });
        this.type8.forEach(el => {
          el.active = false;
        });
        this.type9.forEach(el => {
          el.active = false;
        });
        this.type10.forEach(el => {
          el.active = false;
        });
        this.type3.forEach(el => {
          el.active = false;
        });
        this.type2.forEach(el => {
          el.active = false;
        });
        this.houseType = ""
        this.type = "";
        this.region = "";
        this.price = "";
        this.area = "";
        this.floor = "";
        this.newOld = ""
        this.Recommend = [];
        this.pageNo = 1;
        this.downStatus = true;
        this.getFy();
      },
      sx() {
        let that = this;
        this.type = "";
        this.region = "";
        this.price = "";
        this.area = "";
        this.floor = "";
        this.houseType = ""
        this.newOld = ""
        this.type1.forEach(el => {
          if (el.active == true) {
            that.type = el.valueNum;
          }
        });
        let arr = this.type2.filter(el => {
          return el.active
        })
        if (arr.length == 0) {
          that.transactionType = "";
          that.newOld = "";
        } 
        this.type2.forEach(el => {
          if (el.active == true) {
            if (el.value == 1) {
              that.transactionType = "2";
              that.newOld = "1";
            } else if (el.value == 2) {
              that.transactionType = "2";
              that.newOld = "2";
            } else if (el.value == 3) {
              that.transactionType = "1";
              that.newOld = "";
            }
          }
        });
        this.type7.forEach(el => {
          if (el.active == true) {
            that.region = el.valueName;
          }
        });
        this.type3.forEach(el => {
          if (el.active == true) {
            that.houseType = el.valueName;
          }
        });
        this.type8.forEach(el => {
          if (el.active == true) {
            that.price = el.valueName;
          }
        });
        this.type9.forEach(el => {
          if (el.active == true) {
            that.area = el.valueName;
          }
        });
        this.type10.forEach(el => {
          if (el.active == true) {
            that.floor = el.value;
          }
        });
        this.Recommend = [];
        this.pageNo = 1;
        this.downStatus = true;
        this.modalName = null;
        this.getFy();
      },
      type1Click(index) {
        let that = this;
        this.type1.forEach((el, index1) => {
          if (index == index1) {
            that.$set(that.type1[index1], "active", !el.active);
          } else {
            that.type1[index1].active = false;
          }
        });
      },
      type2Click(index) {
        let that = this;
        this.type2.forEach((el, index1) => {
          if (index == index1) {
            that.$set(that.type2[index1], "active", !el.active);
          } else {
            that.type2[index1].active = false;
          }
        });
      },
      type3Click(index) {
        let that = this;
        this.type3.forEach((el, index1) => {
          if (index == index1) {
            that.$set(that.type3[index1], "active", !el.active);
          } else {
            that.type3[index1].active = false;
          }
        });
      },
      type7Click(index) {
        let that = this;
        this.type7.forEach((el, index1) => {
          if (index == index1) {
            that.$set(that.type7[index1], "active", !el.active);
          } else {
            that.type7[index1].active = false;
          }
        });
      },
      type8Click(index) {
        let that = this;
        this.type8.forEach((el, index1) => {
          if (index == index1) {
            that.$set(that.type8[index1], "active", !el.active);
          } else {
            that.type8[index1].active = false;
          }
        });
      },
      type9Click(index) {
        let that = this;
        this.type9.forEach((el, index1) => {
          if (index == index1) {
            that.$set(that.type9[index1], "active", !el.active);
          } else {
            that.type9[index1].active = false;
          }
        });
      },
      type10Click(index) {
        let that = this;
        this.type10.forEach((el, index1) => {
          if (index == index1) {
            that.$set(that.type10[index1], "active", !el.active);
          } else {
            that.type10[index1].active = false;
          }
        });
      },
      op(type) {
        this.activeData = []
        if (type == 1) {
          this.$refs.binds.close()
          uni.navigateTo({
            url: '/pages_my/selectShop'
          });
        } else if (type == 2) {
          this.Recommend.forEach(el => {
            el.active = false
          })
          this.width = 290;
          this.opType = 1
          this.$refs.binds.close()
        } else if (type == 3) {
          this.Recommend.forEach(el => {
            el.active = false
          })
          this.Recommend.splice(0,1)
          let arr = this.Recommend.filter(el => {
            return el.status == 1
          })
          this.Recommend = arr
          this.width = 290;
          this.opType = 2
          this.$refs.binds.close()
        }
      },
      cancel() {
        this.width = 366;
        this.opType = '';
        this.reload()
      },
      jinzhi() {
        let _this = this;
        let param = window.location.href.split("#")[0];
        uni.request({
          method: "post",
          data: {
            url: param
          },
          header: {
            "content-type": "application/x-www-form-urlencoded",
          },
          url: "https://www.bangbangtongcheng.com/conven//mob/login/getJsTicket.do",
          success(re) {
            _this.jinzhifx(re.data);
          },
        });
      },
      jinzhifx(data) {
        wxshare.config({
          debug: false, //是否打开调试
          appId: data.appId, // 公众号的唯一标识
          timestamp: data.timestamp, // 生成签名的时间戳
          nonceStr: data.nonce, // ，生成签名的随机串
          signature: data.signature, // 签名
          jsApiList: ["hideMenuItems"],
        });
        // 禁止分享
        wxshare.hideMenuItems({
          // 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
          menuList: [
            "menuItem:share:appMessage",
            "menuItem:share:timeline",
            "menuItem:share:timeline",
            "menuItem:share:qq",
            "menuItem:favorite",
            "menuItem:share:QZone",
            "menuItem:openWithSafari",
          ],
        });
      },
      bianji() {
        if (this.text == "编辑") {
          this.text = "完成";
          this.width = 290;
        } else {
          this.text = "编辑";
					this.width = 366;
          this.shangjiaC()
        }
      },
      tabSelect(e) {
        this.TabCur = e.currentTarget.dataset.id;
        this.scrollLeft = (e.currentTarget.dataset.id - 1) * 60;
        let num = e.currentTarget.dataset.id + 1;
        if (num == 1) {
          this.transactionType = "";
          this.newOld = "";
        } else if (num == 2) {
          this.transactionType = "2";
          this.newOld = "1";
        } else if (num == 3) {
          this.transactionType = "2";
          this.newOld = "2";
        } else if (num == 4) {
          this.transactionType = "1";
          this.newOld = "";
        }
        this.Recommend = [];
        this.pageNo = 1;
        this.upStatus = true;
        this.trigger = false;
        this.getFy();
      },
      changeRadio(index, item) {
        if(item.isCopy == 1 || item.user_id == this.userInfo.id) return
        let that = this;
        if (that.Recommend[index].active) {
          that.Recommend[index].active = !that.Recommend[index].active;
          var index0 = this.activeData.findIndex((item) => {
            if (that.Recommend[index].id == item) {
              return true;
            }
          });
          this.activeData.splice(index0, 1);
        } else {
          that.Recommend.forEach((el, index1) => {
            if (index1 == index) {
              that.Recommend[index1].active = !that.Recommend[index1].active;
              that.activeData.push(that.Recommend[index1].id);
            } else {
              // that.Recommend[index1].active = false;
            }
          });
        }
        console.log(that.activeData);
      },
      changeRadio1(e) {
        let that = this;
        let index = e.currentTarget.dataset.index;
        if (that.Recommend[index].active) {
          that.Recommend[index].active = !that.Recommend[index].active;
          var index0 = this.activeData.findIndex((item) => {
            if (that.Recommend[index].id == item) {
              return true;
            }
          });
          console.log(that.Recommend[index]);
          this.activeData.splice(index0, 1);
        } else {
          that.Recommend.forEach((el, index1) => {
            if (index1 == index) {
              that.Recommend[index1].active = !that.Recommend[index1].active;
              that.activeData.push(that.Recommend[index1].id);
            } else {
              // that.Recommend[index1].active = false;
            }
          });
        }
      },
      changeRadio2(e) {
        let that = this;
        let index = e.currentTarget.dataset.index;
        that.activeData = []
        that.Recommend.forEach(el => {
          el.active = false
        })
        that.Recommend[index].active = true
        that.activeData.push(that.Recommend[index].id);
      },
      del() {
        let that = this;
        let data = this.Recommend.filter((el) => {
          return el.active;
        });
        // console.log(data);
        if (!data.length) {
          uni.showToast({
            title: "请选择房源",
            icon: "none",
            mask: true,
          });
          return;
        }
        uni.showModal({
          title: "",
          content: "确定删除此房源？",
          showCancel: true,
          success: (res) => {
            if (res.confirm) {
              that.$myRequest
                .post("/mob/user/delHouseInfo", {
                  id: data[0].id,
                })
                .then((res) => {
                  uni.showToast({
                    title: res.msg,
                    icon: "none",
                    mask: true,
                  });
                  setTimeout(() => {
                    that.reload();
                  }, 1000);
                });
            }
          },
        });
      },
      del1() {
        let that = this;
        let data = this.Recommend.filter((el) => {
          return el.active;
        });
        // console.log(data);
        if (!data.length) {
          uni.showToast({
            title: "请选择商家",
            icon: "none",
            mask: true,
          });
          return;
        }
        uni.showModal({
          title: "",
          content: "确定取消商家连锁？",
          showCancel: true,
          success: (res) => {
            if (res.confirm) {
              that.$myRequest
                .post("/api/mobile/public/delChainStores", {
                  id: String(this.activeData),
                })
                .then((res) => {
                  uni.showToast({
                    title: res.msg,
                    icon: "none",
                    mask: true,
                  });
                  that.cancel()
                  setTimeout(() => {
                    that.reload();
                  }, 1000);
                });
            }
          },
        });
      },
      del2() {
        let that = this
        let id = ''
        let arr = this.Recommend.filter(el => {
          return el.shop.id == this.userInfo.shopId
        })
        if (arr.length) {
          id = arr[0].id
        } else {
          return
        }
        this.bindsExitClose()
        that.$myRequest
          .post("/api/mobile/public/auditChainStores", {
            id,
            status: 3
          })
          .then((res) => {
            uni.showToast({
              title: res.msg,
              icon: "none",
              mask: true,
            });
            setTimeout(() => {
              that.fanhui();
            }, 1000);
          });
      },
      transference() {
        let that = this;
        let data = this.Recommend.filter((el) => {
          return el.active;
        });
        // console.log(data);
        if (!data.length) {
          uni.showToast({
            title: "请选择商家",
            icon: "none",
            mask: true,
          });
          return;
        }
        uni.showModal({
          title: "",
          content: "确定转让管理权？",
          showCancel: true,
          success: (res) => {
            if (res.confirm) {
              that.$myRequest
                .post("/api/mobile/public/changeManage", {
                  id: String(this.activeData),
                })
                .then((res) => {
                  uni.showToast({
                    title: res.msg,
                    icon: "none",
                    mask: true,
                  });
                  that.isHard = false
                  that.cancel()
                  setTimeout(() => {
                    that.reload();
                  }, 1000);
                });
            }
          },
        });
      },
      // shangjiaF() {
      //   this.$myRequest
      //     .post("/mob/home/updateUpStatus", {
      //       id: this.activeData.id,
      //       userId: this.userInfo.id,
      //       upStatus: this.activeData.up_status == 0 ? "1" : "2",
      //     })
      //     .then((res) => {
      //       uni.showToast({
      //         title: res.msg,
      //         icon: "none",
      //       });
      //       this.guan();
      //       setTimeout(() => {
      //         this.reload();
      //       }, 1000);
      //     });
      // },
      // zhiding() {
      //   this.$myRequest
      //     .post("/mob/home/updateUpHomePage", {
      //       id: this.activeData.id,
      //       dayNum: Number(this.typeIndex1) + 1,
      //       isShow: this.type4[this.typeIndex4].id,
      //     })
      //     .then((res) => {
      //       uni.showToast({
      //         title: res.msg,
      //         icon: "none",
      //       });
      //       this.guan();
      //       setTimeout(() => {
      //         this.reload();
      //       }, 1000);
      //     });
      // },
      // /mob/user/getHousesSale
			async getLocation() {
				let that = this;
				// #ifdef APP-PLUS
				let isAndroid = false;
				const res = uni.getSystemInfoSync();
				if (res.platform == 'android') {
					isAndroid = true;
				} else {
					isAndroid = false;
				}
				if (isAndroid) {
          that.authorizationApp('locationState','android.permission.ACCESS_FINE_LOCATION','您已关闭位置权限或获取位置信息失败',that.getLocation1())
				} else {
					that.getLocation1();
				}
				//  #endif
				// #ifndef APP-PLUS
				that.getLocation1();
				//  #endif 
			},
			getLocation1() {
				let _this = this;
				uni.showLoading({
					title: '加载中',
					mask: false
				})
				console.log('getLocation1')
				uni.getLocation({ 
					type: "gcj02",
					// highAccuracyExpireTime: "3000", 
					success(res) {
						console.log('111')
						_this.latitude = res.latitude;
						_this.longitude = res.longitude;
            _this.getFy()
					},
					fail(res) {
						console.log(res, "经纬度没有授权")
						uni.setStorageSync('locationState', 0);
						if (uni.getStorageSync('locationState') == 0) {
							// uni.showModal({
							// 	title: '提示',
							// 	content: '您已关闭位置权限或获取位置信息失败',
							// 	success: function(res) {
							// 		if (res.confirm) {
							// 			// plus.runtime.openURL("app-settings:");
							// 			if (plus.os.name === 'iOS') {
							// 				plus.runtime.openURL("app-settings://");
							// 			} else {
							// 				var Intent = plus.android.importClass("android.content.Intent");
							// 				var Settings = plus.android.importClass("android.provider.Settings");
							// 				var Uri = plus.android.importClass("android.net.Uri");
							// 				var mainActivity = plus.android.runtimeMainActivity();
							// 				var intent = new Intent();
							// 				intent.setAction(Settings.ACTION_APPLICATION_DETAILS_SETTINGS);
							// 				var uri = Uri.fromParts("package", mainActivity.getPackageName(), null);
							// 				intent.setData(uri);
							// 				mainActivity.startActivity(intent);
							// 			}
							// 		} else if (res.cancel) {
							// 			console.log('用户点击取消');
							// 		}
                  _this.getFy()
							// 	}
							// });
							return false;
						}
					},
          complete(){
						uni.hideLoading()

          }
				});
			},
      getType() {
        let that = this;
        this.$myRequest
          .get("/mob/home/getDictionaries", {
            pageNo: 1,
            pageSize: 10,
            type: "9,7,8,1,3"
          })
          .then(res => {
            res.list.forEach(el => {
              el.active = false;
              if (el.type == 1) {
                that.type1.push(el);
              } else if (el.type == 7) {
                that.type7.push(el);
              } else if (el.type == 8) {
                that.type8.push(el);
              } else if (el.type == 3) {
                that.type3.push(el);
              } else if (el.type == 9) {
                that.type9.push(el);
              } else if (el.type == 10) {
                that.type10.push(el);
              }
            });
            // this.list = this.list.concat(res.list);
          });
      },
      getFy() {
        let that = this;
        this.upStatus = false;
        this.activeData = []
        uni.showLoading({
          title: '加载中',
          mask:true
        });
        if (this.tabIndex == 1) {
          this.$myRequest
          .get("/api/mobile/public/getchainStoresList", {
            pageSize: this.pageSize,
            pageNo: this.pageNo,
            shopId:this.shopId || this.userInfo.shopId,
            bussType: 1,
						longitude: this.longitude,
						latitude: this.latitude,
            joined: this.userInfo.isShop == 0 ? '1' : ''
          })
          .then((res) => {
            if (!res.chainStoresList.pageList.length) {
              that.downStatus = false;
            }
            if (this.pageNo == 1) {
              res.chainStoresList.pageList.forEach(el => {
                if (el.isHeadOffice == 1 && el.shop.id == this.userInfo.shopId) {
                  this.isHard = true
                }
              })
            }
            this.upStatus = true;
            this.trigger = false;
            res.chainStoresList.pageList.forEach((el, index) => {
              el.active = false;
            });
            this.Recommend = this.Recommend.concat(JSON.parse(JSON.stringify(res.chainStoresList.pageList)));
            let arr = this.Recommend.filter(el => {
              return el.isHeadOffice == 1
            })
            if (arr.length == 0) {
              this.noneHard = true
            }
            // this.Recommend = this.Recommend.concat(JSON.parse(JSON.stringify(res.chainStoresList.pageList)));
            // this.Recommend = this.Recommend.concat(JSON.parse(JSON.stringify(res.chainStoresList.pageList)));
            // this.Recommend[0].shop.id = 1
            // this.Recommend[1].shop.id = 2
            // this.Recommend[2].shop.id = 3
            // console.log(this.Recommend);
            uni.stopPullDownRefresh();
          }).finally(() => {
              uni.hideLoading()
            })
        } else {
          this.$myRequest
          .get("/mob/home/getAllHouseInfo", {
            pageSize: this.pageSize,
            pageNo: this.pageNo,
            keyword: this.search,
            // userId: this.userInfo.id,
            shopId: this.shopId || this.userInfo.shopId,
            examineStatus: '2',
            // isCopy: '0',
            transactionType:this.transactionType,
            newOld:this.newOld,
            type: this.type,
            region: this.region,
            price: this.price,
            area: this.area,
            floor: this.floor,
            houseType: this.houseType,
            upStatus: 1,
            // upStatus: 1,
						userId:this.userInfo.id
          })
          .then((res) => {
            if (!res.list.length) {
              that.downStatus = false;
            }
            this.upStatus = true;
            this.trigger = false;
            res.list.forEach((el) => {
              el.active = false;
              if (el.house_image) {
                el.house_image = el.house_image.split("|")[0];
              }
            });
            this.Recommend = this.Recommend.concat(res.list);
            uni.stopPullDownRefresh();
          }).finally(() => {
            uni.hideLoading()
          })
        }
      },
      reload() {
        this.Recommend = [];
        this.pageNo = 1;
        this.upStatus = true;
        this.trigger = false;
        this.opType = ''
        this.getFy();
      },
      down() {
        if (this.downStatus) {
          this.pageNo++;
          this.getFy();
        }
      },
      shangjiaC(id) {
        var ids = this.activeData.join(",");
				if (!this.activeData.length) {
					uni.showToast({
						title: '未选中房源',
						icon: "none",
						mask: true
					});
					return false;
				}
        this.$myRequest
          .post("/mob/user/copyHouseInfo", {
            userId: this.userInfo.id,
            ids: ids,
			      shopId:this.userInfo.shopId,
          })
          .then((res) => {
            this.text = "编辑";
            this.width = 366;
            // uni.showToast({
            //   title: res.msg,
            //   icon: "none",
            // });
            this.$refs.binds1.open()
            this.guan();
            this.activeData=[]
            // setTimeout(()=>{
            //   this.reload()
            // },1000)
            // if(res.success){
            //   setTimeout(() => {
            //     // this.reload();
            //     uni.navigateTo({
            //       url: "/pages_my/myIssue",
            //     });
            //   }, 1000);
            // }
          });
      },
      async up() {
        this.Recommend = [];
        this.pageNo = 1;
        this.downStatus = true;
        if (this.upStatus) {
          this.trigger = true;
          await this.getFy();
        }
      },
      details(id) {
        uni.navigateTo({
          url: "/pages_houses/housing/used/houseDetails?id=" + id,
        });
      },
      details1(id) {
        uni.navigateTo({
          url: "/pages_intermediary/shopDetails?id=" + id,
        });
      },
      fanhui() {
        uni.navigateBack({
          delta: 1,
        });
      },
      PickerChange(e) {
        // console.log(e);
        if (!this.activeData.id) {
          uni.showToast({
            title: "请选择房源",
            icon: "none",
          });
          return;
        }
        let index = e.detail.value;
        let type = e.currentTarget.dataset.type;
        if (type == 4) {
          this.typeIndex4 = index;
          this.zbc = true;
          this.shouye = true;
        } else if (type == 6) {
          this.typeIndex6 = index;
          if (index == 0) {} else if (index == 1) {}
        } else if (type == 1) {
          this.typeIndex1 = index;
        }
      },
      guan() {
        this.zbc = false;
        this.shouye = false;
        this.shangjia = false;
      },
    },
  };
</script>
<style lang="less" scoped>
.tabs{
  display: flex;
  align-items: center;
  box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.302);
  .tabs_item {
    width: 50%;
    height: 80rpx;
    line-height: 80rpx;
    text-align: center;
    font-size: 32rpx;
    color: #222;
    font-weight: 400;
  }
  .active {
    color: #64B6A8;
    font-weight: 500;
  }
}
.sousuo_box {
  display: flex;
  padding: 30rpx 30rpx 0;
  justify-content: space-between;
  .sousuo {
    position: relative;
    width: 323rpx;
    height: 64rpx;
    // margin-top: 30rpx;
    // margin-left: 30rpx;
    border: 2rpx solid #64b6a8;
    border-radius: 36rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20rpx;
    margin-right: 30rpx;
    image {
      display: inline-block;
      width: 50rpx;
      height: 50rpx;
      // margin-left: 20rpx;
      // margin-top: 12rpx;
    }

    input {
      display: inline-block;
      width: 220rpx;
      height: 50rpx;
      line-height: 52rpx;
      // margin-top: 12rpx;
      vertical-align: top;
      font-size: 28rpx;
    }

    .quxiao {
      position: absolute;
      top: 4rpx;
      right: 4rpx;
      width: 120rpx;
      height: 60rpx;
      line-height: 60rpx;
      color: #fff;
      text-align: center;
      background: #64b6a8;
      border-radius: 30rpx;
    }
  }
  .sousuo_right {
    display: flex;
    .btn2{
      width: 180rpx;
      text-align: center;
    }
  }
  .btn{
    padding: 0 34rpx;
    border-radius: 100rpx;
    background: #64B6A8;
    font-size: 28rpx;
    color: #fff;
    line-height: 64rpx;
    margin-right: 30rpx;
  }
  .btn:last-child {
    margin-right: 0;
  }
}
	.hui {
		position: fixed;
		right: 30rpx;
		bottom: 154rpx;
		display: flex;
		align-items: center;
		z-index: 100;
		padding: 10rpx 20rpx;
		background-color: #fff;
		border-radius: 34rpx;
		font-size: 26rpx;
		box-shadow: 0px 0px 36rpx rgba(0, 0, 0, 0.16);
	
		image {
			width: 46rpx;
			height: 46rpx;
			margin-right: 18rpx;
		}
	}
	/deep/ uni-switch, uni-checkbox, uni-radio{
		display: flex;
		align-items: center;
	}
	/deep/uni-checkbox .uni-checkbox-input {
	  background-color: rgba(0, 0, 0, 0);
	  border: 2rpx solid #999;
	}
	
	/deep/uni-checkbox .wx-checkbox-input,
	/deep/uni-checkbox .uni-checkbox-input {
	  width: 48rpx;
	  height: 48rpx;
	}
	/deep/uni-radio:not([disabled]) .uni-radio-input:hover{
		border-color: #d1d1d1;
	}
	/deep/.uni-checkbox-input-checked {
	  background-color: #64b6a8 !important;
	  border: 2rpx solid #64b6a8 !important;
	}
	
	/deep/ uni-checkbox::before {
	  font-size: 40rpx;
	  margin-top: -14rpx;
	  right: 6rpx !important;
	}
  .zbc {
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);

    .tan {
      position: absolute;
      width: 600rpx;
      height: 420rpx;
      background-color: #fff;
      top: 30%;
      left: 50%;
      transform: translateX(-50%);
      border-radius: 10rpx;
      overflow: hidden;

      .li_1 {
        margin-left: 32rpx;
        margin-top: 60rpx;
        font-weight: 600;
        font-size: 30rpx;
      }

      .li_2 {
        font-size: 30rpx;
        margin-left: 32rpx;
        margin-top: 30rpx;

        view {
          display: inline-block;
          font-weight: 600;
          font-size: 30rpx;
        }

        .xuan {
          position: relative;
          width: 160rpx;
          height: 60rpx;
          background: #ffffff;
          border: 2rpx solid #64b6a8;
          border-radius: 37rpx;
          line-height: 60rpx;
          color: #64b6a8;
          text-indent: 16rpx;
        }

        .xuan::before {
          position: absolute;
          top: 20rpx;
          right: 30rpx;
          content: "";
          border-color: #fff #fff #64b6a8 #fff;
          border-style: solid;
          border-width: 0rpx 8rpx 14rpx 8rpx;
          height: 0;
          width: 0;
        }
      }

      .li_3 {
        width: 536rpx;
        font-size: 24rpx;
        margin-left: 32rpx;
        color: #ea4b4b;
        margin-top: 40rpx;
      }

      .li_4 {
        position: absolute;
        font-size: 30rpx;
        width: 300rpx;
        height: 90rpx;
        background: #f2f2f2;
        bottom: 0;
        left: 0;
        text-align: center;
        line-height: 90rpx;
      }

      .li_5 {
        position: absolute;
        font-size: 30rpx;
        width: 300rpx;
        height: 90rpx;
        background: #64b6a8;
        bottom: 0;
        right: 0;
        text-align: center;
        line-height: 90rpx;
        color: #fff;
      }
    }

    .shangjia {
      z-index: 99;
      position: absolute;
      width: 600rpx;
      height: 300rpx;
      background-color: #fff;
      border-radius: 10rpx;
      top: 30%;
      left: 50%;
      transform: translateX(-50%);

      .li_1 {
        width: 100%;
        font-size: 34rpx;
        font-weight: 600;
        margin-left: 114rpx;
        margin-top: 80rpx;
      }

      .li_2 {
        display: inline-block;
        vertical-align: top;
        width: 160rpx;
        height: 60rpx;
        background: #ffffff;
        border: 2rpx solid #64b6a8;
        border-radius: 37rpx;
        text-align: center;
        line-height: 60rpx;
        color: #64b6a8;
        margin-top: 58rpx;
        margin-left: 118rpx;
      }

      .li_3 {
        display: inline-block;
        vertical-align: top;
        width: 160rpx;
        height: 60rpx;
        background: #64b6a8;
        border-radius: 37rpx;
        text-align: center;
        line-height: 60rpx;
        color: #fff;
        margin-top: 58rpx;
        margin-left: 46rpx;
      }
    }
  }

  .box {
    width: 100%;
    // padding-bottom: 130rpx;
    background-color: #fff;
  }

  .tou {
    position: relative;
    width: 100%;
    // height: 88rpx;
    text-align: center;
    line-height: 88rpx;
    font-size: 34rpx;
    color: #fff;
    background-color: #64b6a8;

    .image1 {
      position: absolute;
      width: 32rpx;
      height: 32rpx;
      // top: 116rpx;
      left: 30rpx;
    }

    .image2 {
      position: absolute;
      width: 56rpx;
      height: 56rpx;
      // top: 104rpx;
      right: 30rpx;
    }
	.p2 {
		position: absolute;
		bottom: 20rpx !important;
		right: 30rpx;
		/* #ifdef MP-WEIXIN */
		position: absolute;
		margin-left: auto;
		margin-right: 180rpx;
		bottom: 24rpx !important;
		/* #endif */
	}
    p {
      position: absolute;
      // top: 104rpx;
      line-height: 45rpx;
      // bottom: 21rpx;
      right: 30rpx;
      font-size: 32rpx;
      color: #fff;
    }
  }

  .bot {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120rpx;
    background-color: #fff;
    z-index: 9;

    view {
      display: inline-block;
      position: absolute;
    }

    .bot_1 {
      left: 42rpx;
      top: 38rpx;
    }

    .bot_2 {
      left: 196rpx;
      top: 38rpx;
    }

    .bot_3 {
      width: 200rpx;
      height: 70rpx;
      background: #ffffff;
      border: 2rpx solid #64b6a8;
      color: #64b6a8;
      line-height: 68rpx;
      left: 304rpx;
      top: 25rpx;
      text-indent: 56rpx;
      border-radius: 36rpx;

      picker {
        height: 100%;
        width: 100%;

        .picker {
          left: 0;
          height: 100%;
          width: 100%;
          text-align: left;
          display: flex;
          position: relative;
          justify-content: center;
          text-indent: 0px;
        }
      }
    }

    .bot_3::before {
      position: absolute;
      top: 28rpx;
      right: 20rpx;
      content: "";
      border-color: #fff #fff #64b6a8 #fff;
      border-style: solid;
      border-width: 0rpx 8rpx 14rpx 8rpx;
      height: 0;
      width: 0;
    }

    .bot_4 {
      width: 150rpx;
      height: 70rpx;
      background: #64b6a8;
      color: #ffffff;
      line-height: 68rpx;
      // left: 520rpx;
	  right: 50rpx;
      top: 25rpx;
      text-align: center;
      border-radius: 36rpx;

      picker {
        height: 100%;
        width: 100%;

        .picker {
          height: 100%;
          width: 100%;
          left: 0;
          text-align: left;
          display: flex;
          position: relative;
          justify-content: center;
          text-indent: 0px;
        }
      }
    }

    .bot_4::before {
      position: absolute;
      top: 28rpx;
      right: 20rpx;
      // content: "";
      border-color: #64b6a8 #64b6a8 #fff #64b6a8;
      border-style: solid;
      border-width: 0rpx 8rpx 14rpx 8rpx;
      height: 0;
      width: 0;
    }
  }
  .list1 {
		padding: 30rpx;
  }
  .list {
    // padding-top: 30rpx;
    // padding-bottom: 130rpx;
    // margin: 0 30rpx;
    .li {
		position: relative;
		// width: 96%;
		padding-bottom: 18rpx;
		margin-bottom: 34rpx;
		display: flex;
		// justify-content: space-between;
    align-items: center;
		border-bottom: 2rpx solid #e0e0e0;
    .radio{
      width: 52rpx;
      margin-right: 20rpx;
    }
		.xian {
			position: absolute;
			height: 2rpx;
			background-color: #e0e0e0;
			bottom: 0;
			right: 0;
		}
		.img1 {
			width: 300rpx;
			height: 200rpx;
      border-radius: 16px 16px 16px 16px;
		}
    .img_box{
			width: 300rpx;
			height: 200rpx;
      position: relative;
      box-shadow: 0px 0px 6px 0px rgba(67,67,67,0.102);
      border-radius: 16px;
      .mask {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: -4rpx;
      }
      .state{
        background: #F1A154;
        padding: 7rpx 10rpx;
        border-radius: 16rpx 0 16rpx 0;
        position: absolute;
        font-size: 20rpx;
        color: #fff;
        left: 0;
        top: 0;
      }
      .state1{
        background: #64B6A8;
        padding: 7rpx 10rpx;
        border-radius: 16rpx 0 16rpx 0;
        position: absolute;
        font-size: 20rpx;
        color: #fff;
        left: 0;
        top: 0;
      }
      .fail {
        background: #E86565;
      }
      .fail1 {
        background: #999999;
      }
    }
		.img2 {
			position: absolute;
			width: 300rpx;
			height: 200rpx;
      border-radius: 16px 16px 16px 16px;
		}
		.img3 {
			position: absolute;
			width: 300rpx;
			height: 200rpx;
      border-radius: 16px 16px 16px 16px;
		}
		.li_1 {
			// flex: 1;
      height: 210rpx;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			margin-left: 24rpx;
			.tit {
				width: 100%;
				font-size: 34rpx;
				font-weight: 600;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 2; //想要的行数
				-webkit-box-orient: vertical;
        .tagLabel {
          vertical-align: top;
          background: #64B6A8;
          display: inline-block;
          color: #fff;
          font-size: 24rpx;
          line-height: 24rpx;
          text-align: center;
          // width: 106rpx;
          margin-right: 10rpx;
          padding: 6rpx 6rpx;
          border-radius: 4rpx;
          transform: translateY(4rpx);
        }
			}
			.neirong_1{
				// width: 366rpx;
				font-size: 24rpx;
				color: #666666;
				display: flex;
				align-items: center;
				.price{
					color: red;
					font-size: 30rpx;
					font-weight: 600;
				}
				.neir_css{
					flex: 1;
          line-height: 32rpx;
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 1; //想要的行数
					-webkit-box-orient: vertical;
				}
				.neir_css:nth-child(2n){
					margin-left: 10rpx;
				}
				.neir_css:nth-child(2n-1){
					margin-right: 10rpx;
				}
			}
      .neirong_6{
        display: flex;
        justify-content: space-between;
        align-items: center;
        line-height: 40rpx;
        .neirong_left{
          display: flex;
          .nums{
            font-size: 28rpx;
            color: #E00000;
            padding-right: 20rpx;
          }
          .unit{
            font-size: 20rpx;
            color: #666666;
          }
        }
      }
      .neirong_right{
        font-size: 20rpx;
        color: #666666;
      }
		}
    }

    .li:last-child {
      border-bottom: 0rpx solid #e0e0e0;
    }
  }

  .view {
    position: relative;
    font-size: 26rpx;
    border: 0;
    color: #333333;
    margin-right: 0;

    image {
      position: absolute;
      width: 44rpx;
      height: 24rpx;
      top: 66rpx;
      left: 50%;
      transform: translateX(-50%);
    }
  }

  .cur {
    color: #64b6a8;
    border: 0;
    transform: scale(1.1);
  }

  /deep/uni-checkbox .uni-checkbox-input {
    background-color: rgba(0, 0, 0, 0);
    border: 2rpx solid #999;
  }

  /deep/uni-checkbox .wx-checkbox-input,
  /deep/uni-checkbox .uni-checkbox-input {
    width: 48rpx;
    height: 48rpx;
  }

  /deep/.uni-checkbox-input-checked {
    background-color: #64b6a8 !important;
    border: 2rpx solid #64b6a8 !important;
  }

  /deep/ uni-checkbox::before {
    font-size: 40rpx;
    margin-top: -14rpx;
    right: 6rpx !important;
  }

  .down {
    height: 60rpx;
    line-height: 60rpx;
    // border-top: 2rpx solid #d0d0d0;
    text-align: center;
  }

  .none {
    text-align: center;

    image {
      width: 430rpx;
      margin-bottom: 16rpx;
    }

    view {
      height: 40rpx;
      line-height: 40rpx;
      color: #666;
    }
  }
  .tittit{
		position: fixed;top:0;right:0;    background-color: #f8f8f8;z-index: 9999;
		max-width: 100%;
		    width: 600rpx;
			transition-duration:0.3s;
			transform: translateX(100%);
			
			text-align: center;
			line-height: 80rpx;
			font-size: 30rpx;
			border-bottom: 2rpx solid #cccccc;
			
			view {
			  position: absolute;
			  top: 0rpx;
			  left: 20rpx;
			  color: #999999;
			  font-size: 54rpx;
			  font-weight: 100;
			}
	} 
	.show .tittit{
		transform: translateX(0%);
	}
  .cu-list {
    padding-bottom: calc(98rpx + env(safe-area-inset-bottom) / 2);

    .tit {
      position: relative;
      width: 100%;
      height: 80rpx;
      text-align: center;
      line-height: 80rpx;
      font-size: 30rpx;
      border-bottom: 2rpx solid #cccccc;

      view {
        position: absolute;
        top: 0rpx;
        left: 20rpx;
        color: #999999;
        font-size: 54rpx;
        font-weight: 100;
      }
    }

    .leibie {
      margin-top: 40rpx;
      font-size: 28rpx;
      margin-left: 40rpx;

      .list {
        width: 100%;
        margin-top: 24rpx;

        .li {
          display: inline-block;
          text-align: center;
          width: 154rpx;
          height: 60rpx;
          line-height: 60rpx;
          background: #f2f2f2;
          border-radius: 30rpx;
          margin-right: 24rpx;
          margin-bottom: 24rpx;
        }

        .xuan {
          background: #64b6a8;
          color: #fff;
        }
      }
    }

    .quyu {
      margin-top: 40rpx;
      font-size: 28rpx;
      margin-left: 40rpx;

      .list {
        width: 100%;
        margin-top: 24rpx;

        .li {
          display: inline-block;
          text-align: center;
          width: 154rpx;
          height: 60rpx;
          line-height: 60rpx;
          background: #f2f2f2;
          border-radius: 30rpx;
          margin-right: 24rpx;
          margin-bottom: 24rpx;
        }

        .xuan {
          background: #64b6a8;
          color: #fff;
        }
      }
    }

    .jiage {
      margin-top: 40rpx;
      font-size: 28rpx;
      margin-left: 40rpx;

      .list {
        width: 100%;
        margin-top: 24rpx;

        .li {
          display: inline-block;
          text-align: center;
          width: 214rpx;
          height: 60rpx;
          line-height: 60rpx;
          background: #f2f2f2;
          border-radius: 30rpx;
          margin-right: 24rpx;
          margin-bottom: 24rpx;
        }

        .xuan {
          background: #64b6a8;
          color: #fff;
        }
      }
    }

    .mianji {
      margin-top: 40rpx;
      font-size: 28rpx;
      margin-left: 40rpx;

      .list {
        width: 100%;
        margin-top: 24rpx;

        .li {
          display: inline-block;
          text-align: center;
          width: 214rpx;
          height: 60rpx;
          line-height: 60rpx;
          background: #f2f2f2;
          border-radius: 30rpx;
          margin-right: 24rpx;
          margin-bottom: 24rpx;
        }

        .xuan {
          background: #64b6a8;
          color: #fff;
        }
      }
    }

    .loucen {
      margin-top: 40rpx;
      font-size: 28rpx;
      margin-left: 40rpx;

      .list {
        width: 100%;
        margin-top: 24rpx;

        .li {
          display: inline-block;
          text-align: center;
          width: 154rpx;
          height: 60rpx;
          line-height: 60rpx;
          background: #f2f2f2;
          border-radius: 30rpx;
          margin-right: 24rpx;
          margin-bottom: 24rpx;
        }

        .xuan {
          background: #64b6a8;
          color: #fff;
        }
      }
    }
  }
	.di {
		position: absolute;
		transform: translateY(0rpx);
		width: 100%;
		bottom: 0;
    left: 75rpx;

    .div {
			padding-bottom: calc(env(safe-area-inset-bottom) / 2);
			height: calc(env(safe-area-inset-bottom) / 2 + 98rpx);
      display: inline-block;
      width: 300rpx;
      text-align: center;
      line-height: 98rpx;
      font-size: 30rpx;
    }

    .l {
      background: #e0e0e0;
    }

    .r {
      background: #64b6a8;
      color: #fff;
    }
  }
  .cu-dialog {
    max-width: 100%;
    width: 600rpx;
  }
	.pop-scroll {
		position: relative;
	}
  .basis-lg {
    flex-basis: 600rpx;
    overflow: auto;
  }
  .bottom_btn {
    width: 670rpx;
    height: 80rpx;
    background: #64B6A8;
    border-radius: 49rpx 49rpx 49rpx 49rpx;
    opacity: 1;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(20rpx + constant(safe-area-inset-bottom));
    bottom: calc(20rpx + env(safe-area-inset-bottom));
    color: #fff;
    font-size: 34rpx;
  }
  .bottom_btn_box{
    width: 100%;
    bottom: calc(20rpx + constant(safe-area-inset-bottom));
    bottom: calc(20rpx + env(safe-area-inset-bottom));
    left: 0;
    position: fixed;
    display: flex;
    justify-content: space-between;
    padding: 0 30rpx;
    .btn1 {
      color: #64B6A8;
      font-size: 34rpx;
      height: 80rpx;
      width: 330rpx;
      border: 1rpx solid #64B6A8;
      border-radius: 49rpx 49rpx 49rpx 49rpx;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #fff;
    }
    .btn2 {
      border: none;
      color: #fff;
      background: #64B6A8;
    }
  }
	.hide{
		background: #b6b6b6;
	}
	.btn_box{
		background: #fff !important;
		padding: 40rpx 40rpx 80rpx !important;
		width: 100%;
		border-radius: 40rpx 40rpx 0 0;
	}
	.button{
		width: 100%;
		height: 80rpx;
		border-radius: 49px 49px 49px 49px;
		opacity: 1;
		border: 1rpx solid #999999;
		margin-bottom: 20rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		background:#fff;
	}
.window{
	width: 600rpx;
	background: #fff;
	border-radius: 10rpx;
	padding-top: 32rpx;
	position: relative;
	overflow: hidden;
	.window_top{
		margin: 0 45rpx;
	}
	.window_title{
		color: #000000;
		font-size: 32rpx;
		line-height: 45rpx;
		text-align: center;
		margin-bottom: 30rpx;
    font-weight: bold;
	}
	.window_close{
		width: 40rpx;
		height: 40rpx;
		top: 20rpx;
		right: 20rpx;
		position: absolute;
	}
	.window_text{
		margin-bottom: 20rpx;
		font-size: 28rpx;
		line-height: 34rpx;
		color: #7F7F7F;
    text-align: center;
	}
	.text_widnow{
		padding: 16rpx;
		min-height: 160rpx;
		background: #F2F2F2;
		border-radius: 10rpx;
		opacity: 1;
		font-size: 24rpx;
		line-height: 34rpx;
		margin-bottom: 20rpx;
	}
	.show{
		text-align: right;
		font-size: 24rpx;
		color: #64B6A8;
		line-height: 34rpx;
		padding-bottom: 20rpx;
	}
	.window_btn_box{
		display: flex;
		.window_btn{
			width: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			height: 90rpx;
			background: #F2F2F2;
			font-size: 30rpx;
		}
		.window_btn1{
			color: #fff;
			background: #64B6A8;
		}
	}
}
.window1{
	width: 600rpx;
	background: #fff;
	border-radius: 10rpx;
	padding: 54rpx 60rpx;
	position: relative;
	overflow: hidden;
	.window_text{
		margin-bottom: 20rpx;
		font-size: 34rpx;
		line-height: 48rpx;
		color: #333;
    text-align: center;
	}
	.text_widnow{
		padding: 16rpx;
		min-height: 160rpx;
		background: #F2F2F2;
		border-radius: 10rpx;
		opacity: 1;
		font-size: 24rpx;
		line-height: 34rpx;
		margin-bottom: 20rpx;
	}
	.show{
		text-align: right;
		font-size: 24rpx;
		color: #64B6A8;
		line-height: 34rpx;
		padding-bottom: 20rpx;
	}
	.window_btn_box{
		display: flex;
    justify-content: center;
		.window_btn{
			// width: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			height: 90rpx;
			background: #F2F2F2;
			font-size: 30rpx;
      width: 240rpx;
      height: 60rpx;
      background: #64B6A8;
      border-radius: 37rpx;
      opacity: 1;
      color: #fff;
		}
		.window_btn1{
			color: #fff;
			background: #64B6A8;
		}
	}
}
  .motaikuang {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 20;

    .verify {
      position: fixed;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
    }
  }

  .motaikuang2 {
    .tips {
      position: fixed;
      bottom: 0;
      width: 100%;
      background: #fff;
      left: 0;
      padding: 40rpx 30rpx 100rpx;
      border-radius: 50rpx 50rpx 0 0;
      box-sizing: border-box;
      .window_text{
        margin-bottom: 20rpx;
        font-size: 28rpx;
        color: #3D3D3D;
      }
      .text_widnow{
        padding: 16rpx;
        min-height: 160rpx;
        background: #F2F2F2;
        border-radius: 10rpx;
        opacity: 1;
        font-size: 24rpx;
        line-height: 34rpx;
        margin-bottom: 20rpx;
      }
      .show{
        text-align: right;
        font-size: 24rpx;
        color: #64B6A8;
        line-height: 34rpx;
        padding-bottom: 20rpx;
      }
      .text {
        margin-bottom: 48rpx;
      }
      .btns {
        display: flex;
        .btn {
          height: 90rpx;
          width: 50%;
          &:first-child {
            background: #F2F2F2;
            border-radius: 10rpx 0rpx 0rpx 10rpx;
          }
          &:last-child {
            background: #64B6A8;
            color: #fff;
            border-radius: 0rpx 10rpx 10rpx 0rpx;
          }
        }
      }
    }
    .tags {
      color: #64b6a8;
      display: inline-block;
    }
  }
</style>